import {
	getSafeBottomPx
} from "@/utils/helpers.js"
export default {
	data() {
		return {
			safeAreaInsetsBottom: 0,
		}
	},
	computed: {
		bottomStyles() {
			return `bottom: ${this.safeAreaInsetsBottom}rpx`
		},
		marginStyles() {
			return `margin-bottom: ${this.safeAreaInsetsBottom}rpx`
		},
		paddingStyles() {
			return `padding-bottom: ${this.safeAreaInsetsBottom}rpx`
		},

	},
	beforeMount() {
		getSafeBottomPx().then(val => this.safeAreaInsetsBottom = val)
	}
}
